// 等待 DOM 完全加载后再执行代码
document.addEventListener('DOMContentLoaded', function() {
    // 获取表单元素
    const registerForm = document.querySelector('form');
    // 获取显示错误信息的 span 元素
    const errorSpan = document.querySelector('.error');

    // 如果表单存在，则为其添加提交事件监听器
    if (registerForm) {
        registerForm.addEventListener('submit', function(event) {
            // 阻止默认表单提交行为
            event.preventDefault();
            
            // 获取用户名、密码、确认密码和昵称的值
            const username = document.querySelector('.username').value;
            const password = document.querySelector('.password').value;
            const rpassword = document.querySelector('.rpassword').value;
            const nickname = document.querySelector('.nickname').value;

            // 发送 POST 请求到注册接口
            axios.post('http://localhost:9000/users/register', {
                username,
                password,
                rpassword,
                nickname
            })
            .then(response => {
                // 如果响应数据中的 code 为 1，则注册成功
                if (response.data.code === 1) {
                    // 显示成功信息
                    alert(response.data.message);
                    // 重定向到登录页面
                    window.location.href = './login.html';
                } else {
                    // 显示错误信息
                    errorSpan.textContent = response.data.message;
                    errorSpan.style.display = 'block';
                }
            })
            .catch(error => {
                // 处理请求错误
                console.error('出错了!', error);
                // 显示通用错误信息
                errorSpan.textContent = '注册失败，请稍后再试。';
                errorSpan.style.display = 'block';
            });
        });
    }
});
